.banner{
    width: 1200px;
    height: 300px;
    background: url(img/blue.jpg) no-repeat center;
    margin: 0 auto;
}
.box{
    width: 1200px;
    height: 134px;
    /* background: pink; */
    margin: 0 auto;
}
.box .laft{
    width: 100px;
    float: left;
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    color: #767676;
    margin-top: 50px;
}
.box .pro{
    float: left;
    font-size: 14px;
    height: 14px;
    margin-top: 50px;
    line-height: 14px;
}
.pro img{
    margin: 0px 11px 3px 11px; 
    color: #c7c7c7;
}
.pro a{
    color: #668aca;
}

.box .nav{
    width: 310px;
    height: 20px;
    background: #b5b5b5;
    float: right;
    margin-top: 50px;
    width: fit-content;
}

.nav .wood{
    width: 30px;
    height: 20px;
    font-size: 14px;
    line-height: 14px;
    float: right;
    width: fit-content;
    padding:0 35px ;
    background: white;
    margin-right: 1px;
}
.nav .wood-q{
    width: 41px;
    text-align: center;
}

.nav .wood .line{
    width: 20px;
    height: 1px;
    background-color: #767676;
    margin: 0 auto;
    margin-top: 4px;
    
}
.nav .wood-x{
    margin-right:0;
}

.bag{
    width: 1200px;
    height: 2158px;
    /* background:pink; */
    margin: 0 auto;
}

.product{
    height: 537px;
    width: 1200px;
   
}
.product .box{
    width: 360px;
    height: 246px;
    float: left;
    margin:0px 60px 46px 0px;
}
.product .boxx{
    margin-right: 0;
}
.box .box-l{
    width: 260px;
    height: 36px;
    margin: 0 auto;
}

.box-l .l{
    float: right;
    margin-top: 15px;
    width: 30px;
    height: 30px;
}

.box-l .x{
    float: left;
    font-size: 14px;
    height: 14px;
    line-height: 25px;
}

.box .photo{
    width: 360px;
    height: 180px;
    border-radius: 8px;
}

.boxs{
    height: 183px;
}

.productto{
    height: 246px;
}


.nav.woodxx{
    margin-right: 2px;
}